<template>
  <!-- <a-descriptions title="体格检查" bordered :column="{ xxl: 2, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }">
    <a-descriptions-item label="基础检查" :span="2" v-if="report.basicCheck">
      <p>
        <span v-if="report.basicCheck.heartRate != null"> 心率： {{ report.basicCheck.heartRate }} </span>
        <span v-if="report.basicCheck.breath != null"> 呼吸： {{ report.basicCheck.breath }} </span>
        <span v-if="report.basicCheck.temperature != null"> 体温： {{ report.basicCheck.temperature }} </span>
      </p>
      <p>
        <span v-if="report.basicCheck.weight != null"> 体重： {{ report.basicCheck.weight }} </span>
        <span v-if="report.basicCheck.height != null"> 身高： {{ report.basicCheck.height }} </span>
        <span v-if="report.basicCheck.bmi != null"> BMI： {{ report.basicCheck.bmi }} </span>
      </p>
      <p>
        <span v-if="report.basicCheck.waist != null"> 腰围： {{ report.basicCheck.waist }} </span>
        <span v-if="report.basicCheck.hip != null"> 臀围： {{ report.basicCheck.hip }} </span>
        <span v-if="report.basicCheck.whratio != null"> 腰臀比： {{ report.basicCheck.whratio }} </span>
      </p>
      <p>
        <span v-if="report.basicCheck.bloodSystolicPress != null">
          血压收缩压： {{ report.basicCheck.bloodSystolicPress }}
        </span>
        <span v-if="report.basicCheck.bloodDiastolicPress != null">
          血压舒张压： {{ report.basicCheck.bloodDiastolicPress }}
        </span>
      </p>
      <p>
        <span v-if="report.basicCheck.vision != null"> 左眼视力： {{ report.basicCheck.vision }} </span>
        <span v-if="report.basicCheck.visionRight">右眼视力： {{ report.basicCheck.visionRight }} </span>
      </p>
    </a-descriptions-item>
    <a-descriptions-item label="皮肤检查" :span="2" v-if="report.skinCheck">
      <p>
        <span v-if="report.skinCheck.skinExam != null"> 皮肤检查： {{ report.skinCheck.skinExam }} </span>
        <span v-if="report.skinCheck.skinSymptom != null"> 皮肤症状： {{ report.skinCheck.skinSymptom }} </span>
      </p>
      <p>
        <span v-if="report.skinCheck.insulinInjection != null">
          胰岛素注射部位： {{ report.skinCheck.insulinInjection }}
        </span>
        <span v-if="report.skinCheck.insulinInjectionSymptom != null">
          胰岛素注射部位症状： {{ report.skinCheck.insulinInjectionSymptom }}
        </span>
      </p>
    </a-descriptions-item>
    <a-descriptions-item label="眼底检查" :span="2" v-if="report.eyeCheck">
      <p>
        <span v-if="report.eyeCheck.eyeMicroaneurysm != null"> 微动脉瘤： {{ report.eyeCheck.eyeMicroaneurysm }} </span>
        <span v-if="report.eyeCheck.eyeIntraretinalHemorrhage != null">
          视网膜内出血： {{ report.eyeCheck.eyeIntraretinalHemorrhage }}
        </span>
        <span v-if="report.eyeCheck.eyeCottonWoolSpots">棉絮斑： {{ report.eyeCheck.eyeCottonWoolSpots }} </span>
      </p>
      <p>
        <span v-if="report.eyeCheck.eyeFundusBleeding">眼底出血： {{ report.eyeCheck.eyeFundusBleeding }} </span>
        <span v-if="report.eyeCheck.eyeHardExudation">硬性渗出： {{ report.eyeCheck.eyeHardExudation }} </span>
        <span v-if="report.eyeCheck.eyeVenousBeadedChanges"
          >静脉串珠样改变： {{ report.eyeCheck.eyeVenousBeadedChanges }}
        </span>
      </p>
      <p>
        <span v-if="report.eyeCheck.eyeMicrovascularAbnormalitiesInRetina"
          >视网膜内微血管异常： {{ report.eyeCheck.eyeMicrovascularAbnormalitiesInRetina }}
        </span>
        <span v-if="report.eyeCheck.eyeThickeningPosteriorRetina"
          >后极部视网膜增厚： {{ report.eyeCheck.eyeThickeningPosteriorRetina }}
        </span>
        <span v-if="report.eyeCheck.eyeVitreousHemorrhage"
          >玻璃体积血： {{ report.eyeCheck.eyeVitreousHemorrhage }}
        </span>
      </p>
      <p>
        <span v-if="report.eyeCheck.eyeNeovascularization"
          >新生血管形成： {{ report.eyeCheck.eyeNeovascularization }}
        </span>
        <span v-if="report.eyeCheck.eyePreretinalHemorrhage"
          >视网膜前出血： {{ report.eyeCheck.eyePreretinalHemorrhage }}
        </span>
      </p>
    </a-descriptions-item>
    <a-descriptions-item label="糖足检查" :span="2" v-if="report.footCheck">
      <p>
        <span v-if="report.footCheck.footSugarFootInspection"
          >糖足检查： {{ report.footCheck.footSugarFootInspection }}
        </span>
        <span v-if="report.footCheck.footPalpationOfDorsalisPedisArtery"
          >足背动脉触诊： {{ report.footCheck.footPalpationOfDorsalisPedisArtery }}
        </span>
        <span v-if="report.footCheck.footAnkleReflex">踝反射： {{ report.footCheck.footAnkleReflex }} </span>
      </p>
      <p>
        <span v-if="report.footCheck.footNerveConduction">神经传导： {{ report.footCheck.footNerveConduction }} </span>
        <span v-if="report.footCheck.footVibrationSense">振动觉： {{ report.footCheck.footVibrationSense }} </span>
        <span v-if="report.footCheck.footAcupuncturePain">针刺痛觉： {{ report.footCheck.footAcupuncturePain }} </span>
      </p>
      <p>
        <span v-if="report.footCheck.footTemperatureSense">温度觉： {{ report.footCheck.footTemperatureSense }} </span>
        <span v-if="report.footCheck.footPressureSense">压力觉： {{ report.footCheck.footPressureSense }} </span>
      </p>
    </a-descriptions-item>
    <a-descriptions-item label="其他" :span="2" v-if="report.other">
      <p>
        <span v-if="report.other.claudicationTest">间歇性跛行试验： {{ report.other.claudicationTest }} </span>
        <span v-if="report.other.carotidAuscultation">颈动脉听诊： {{ report.other.carotidAuscultation }} </span>
        <span v-if="report.other.femoralAuscultation">股动脉听诊： {{ report.other.femoralAuscultation }} </span>
      </p>
      <p>
        <span v-if="report.other.legsSkinTemp">下肢皮肤温度测定： {{ report.other.legsSkinTemp }} </span>
        <span v-if="report.other.abi">ABI： {{ report.other.abi }} </span>
        <span v-if="report.other.abiExerciseTest">ABI运动负荷试验： {{ report.other.abiExerciseTest }} </span>
      </p>
      <p>
        <span v-if="report.other.tbi">TBI： {{ report.other.tbi }} </span>
        <span v-if="report.other.tcPO2">经皮氧分压： {{ report.other.tcPO2 }} </span>
      </p>
    </a-descriptions-item>
  </a-descriptions> -->
  <div class="container">
    <div style="">
      <div class="card_nd_title">
        <span>体格检查</span>
        <div class="line" style="width:64px;"></div>
      </div>

      <div class="content_box">
        <div class="card_content" v-if="report.basicCheck">
          <div class="item">
            <span style="font-size: 16px;color: #000;">基础检查</span>
          </div>
          <div>
            <a-row>
              <a-col class="item" :span="12" v-if="report.basicCheck.heartRate != null">
                心率： {{ report.basicCheck.heartRate }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.breath != null">
                呼吸： {{ report.basicCheck.breath }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.temperature != null">
                体温： {{ report.basicCheck.temperature }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.weight != null">
                体重： {{ report.basicCheck.weight }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.height != null">
                身高： {{ report.basicCheck.height }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.bmi != null">
                BMI： {{ report.basicCheck.bmi }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.waist != null">
                腰围： {{ report.basicCheck.waist }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.hip != null">
                臀围： {{ report.basicCheck.hip }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.whratio != null">
                腰臀比： {{ report.basicCheck.whratio }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.bloodSystolicPress != null">
                血压收缩压： {{ report.basicCheck.bloodSystolicPress }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.bloodDiastolicPress != null">
                血压舒张压： {{ report.basicCheck.bloodDiastolicPress }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.vision != null">
                左眼视力： {{ report.basicCheck.vision }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.sphygmus != null">
                脉搏： {{ report.basicCheck.sphygmus }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.basicCheck.visionRight"
                >右眼视力： {{ report.basicCheck.visionRight }}
              </a-col>
            </a-row>
          </div>
        </div>
        <div class="card_content" v-if="report.skinCheck">
          <div class="item">
            <span style="font-size: 16px;color: #000;">皮肤检查</span>
          </div>
          <div>
            <a-row>
              <a-col class="item" :span="12" v-if="report.skinCheck.skinExam != null">
                皮肤检查： {{ report.skinCheck.skinExam }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.skinCheck.skinSymptom != null">
                皮肤症状： {{ report.skinCheck.skinSymptom }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.skinCheck.insulinInjection != null">
                胰岛素注射部位： {{ report.skinCheck.insulinInjection }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.skinCheck.insulinInjectionSymptom != null">
                胰岛素注射部位症状： {{ report.skinCheck.insulinInjectionSymptom }}
              </a-col>
            </a-row>
          </div>
        </div>
        <div class="card_content" v-if="report.eyeCheck">
          <div class="item">
            <span style="font-size: 16px;color: #000;">眼底检查</span>
          </div>
          <div>
            <a-row>
              <a-col class="item" :span="12" v-if="report.eyeCheck.eyeMicroaneurysm != null">
                微动脉瘤： {{ report.eyeCheck.eyeMicroaneurysm }}
              </a-col>
              <a-col class="item" :span="24" v-if="report.eyeCheck.eyeIntraretinalHemorrhage != null">
                视网膜内出血： {{ report.eyeCheck.eyeIntraretinalHemorrhage }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.eyeCheck.eyeCottonWoolSpots"
                >棉絮斑： {{ report.eyeCheck.eyeCottonWoolSpots }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.eyeCheck.eyeFundusBleeding"
                >眼底出血： {{ report.eyeCheck.eyeFundusBleeding }}
              </a-col>
              <a-col class="item" :span="24" v-if="report.eyeCheck.eyeHardExudation"
                >硬性渗出： {{ report.eyeCheck.eyeHardExudation }}
              </a-col>
              <a-col class="item" :span="24" v-if="report.eyeCheck.eyeVenousBeadedChanges"
                >静脉串珠样改变： {{ report.eyeCheck.eyeVenousBeadedChanges }}
              </a-col>
              <a-col class="item" :span="24" v-if="report.eyeCheck.eyeMicrovascularAbnormalitiesInRetina"
                >视网膜内微血管异常： {{ report.eyeCheck.eyeMicrovascularAbnormalitiesInRetina }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.eyeCheck.eyeThickeningPosteriorRetina"
                >后极部视网膜增厚： {{ report.eyeCheck.eyeThickeningPosteriorRetina }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.eyeCheck.eyeVitreousHemorrhage"
                >玻璃体积血： {{ report.eyeCheck.eyeVitreousHemorrhage }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.eyeCheck.eyeNeovascularization"
                >新生血管形成： {{ report.eyeCheck.eyeNeovascularization }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.eyeCheck.eyePreretinalHemorrhage"
                >视网膜前出血： {{ report.eyeCheck.eyePreretinalHemorrhage }}
              </a-col>
            </a-row>
          </div>
        </div>
        <div class="card_content" v-if="report.footCheck">
          <div class="item">
            <span style="font-size: 16px;color: #000;">糖足检查</span>
          </div>
          <div>
            <a-row>
              <a-col class="item" :span="12" v-if="report.footCheck.footSugarFootInspection"
                >糖足检查： {{ report.footCheck.footSugarFootInspection }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.footCheck.footPalpationOfDorsalisPedisArtery"
                >足背动脉触诊： {{ report.footCheck.footPalpationOfDorsalisPedisArtery }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.footCheck.footAnkleReflex"
                >踝反射： {{ report.footCheck.footAnkleReflex }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.footCheck.footNerveConduction"
                >神经传导： {{ report.footCheck.footNerveConduction }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.footCheck.footVibrationSense"
                >振动觉： {{ report.footCheck.footVibrationSense }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.footCheck.footAcupuncturePain"
                >针刺痛觉： {{ report.footCheck.footAcupuncturePain }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.footCheck.footTemperatureSense"
                >温度觉： {{ report.footCheck.footTemperatureSense }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.footCheck.footPressureSense"
                >压力觉： {{ report.footCheck.footPressureSense }}
              </a-col>
            </a-row>
          </div>
        </div>
        <div class="card_content" v-if="report.other">
          <div class="item">
            <span style="font-size: 16px;color: #000;">其他</span>
            <!-- <div style="float:right"><a-badge color="red" /><span style="font-size:12px">已确诊</span></div> -->
          </div>
          <div>
            <a-row>
              <a-col class="item" :span="12" v-if="report.other.claudicationTest"
                >间歇性跛行试验： {{ report.other.claudicationTest }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.other.carotidAuscultation"
                >颈动脉听诊： {{ report.other.carotidAuscultation }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.other.femoralAuscultation"
                >股动脉听诊： {{ report.other.femoralAuscultation }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.other.legsSkinTemp"
                >下肢皮肤温度测定： {{ report.other.legsSkinTemp }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.other.nerveConduction"
                >神经传导功能： {{ report.other.nerveConduction }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.other.abi">ABI： {{ report.other.abi }} </a-col>
              <a-col class="item" :span="12" v-if="report.other.abiExerciseTest"
                >ABI运动负荷试验： {{ report.other.abiExerciseTest }}
              </a-col>
              <a-col class="item" :span="12" v-if="report.other.tbi">TBI： {{ report.other.tbi }} </a-col>
              <a-col class="item" :span="12" v-if="report.other.tcPO2">经皮氧分压： {{ report.other.tcPO2 }} </a-col>
            </a-row>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Physical',
  props: ['report'],
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="less" scoped>
// /deep/ .ant-descriptions-item-label {
//   width: 25% !important;
// }
// /deep/ .ant-descriptions-item-content {
//   width: 75% !important;
// }
// span {
//   margin-right: 5px;
// }
@media print {
  .container {
    page-break-after: always;
    page-break-inside: avoid;
  }
}
.container {
  padding: 50px 24px 0 24px;
}

.card_nd_title {
  margin-bottom: 30px;
  span {
    font-size: 16px;
    // padding-left: 10px;
    font-weight: bold;
    color: #000;
  }
}
.line {
  height: 6px;
  border-radius: 6px;
  // margin-left: 10px;
  background-color: #00b5d4;
  opacity: 0.3;
}
.content_box {
  column-count: 2;
  // display: flex;
  // flex-wrap: wrap;
  // justify-content: space-between;
}
// .left_box {
//   width: 45%;
//   display: flex;
//   flex-direction: column;
// }
// .right_box {
//   width: 45%;
//   display: flex;
//   flex-direction: column;
// }
.card_content {
  break-inside: avoid;
  // display: inline-block;
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #ccc;
}
.item {
  margin-bottom: 20px;
}
</style>

